@import "common.css";
.tab-pane-ui .tab{
    -fx-padding: 5 15 10 15;
    -fx-background-radius: 5;
    -fx-background-insets: 0 2 5 2;
    -fx-background-color: transparent;
}
.tab-pane-ui > .tab-header-area{
    -fx-padding: 2 2 -2 2;
}
.tab-pane-ui .control-buttons-tab{
    -fx-translate-y: -5;
}
.tab-pane-ui .control-buttons-tab .tab-down-button{
    -fx-background-color: transparent;
    -fx-background-radius: 5;
    -fx-padding: 16 12.5 16 12.5;
    -fx-background-insets: 0;
}
.tab-pane-ui .control-buttons-tab:hover .tab-down-button .arrow{
    -fx-background-color: main-color;
}
.tab-pane-ui .control-buttons-tab:hover .tab-down-button{
    -fx-background-color: rgb(0, 0, 0, 0.1);
}
.tab-pane-ui .tab .tab-close-button:hover {
    -fx-background-color: red;
}
/* 修改tabPane颜色 */
.tab-pane-ui > .tab-header-area > .tab-header-background {
    -fx-text-box-border: shallow-color;/*背景颜色*/
    -fx-background-color: shallow-color;/*底部线颜色*/
}
.tab-pane-ui .tab:selected {
    -fx-background-color: white!important;
    -fx-effect: dropshadow(gaussian, rgba(128, 128, 128, 0.67), 5, 0, 1, 1) ;
}
.tab-pane-ui .tab:hover{
    -fx-background-color: rgb(0, 0, 0, 0.1);
}
/*修改Popup样式*/
.tab-down-button .context-menu{
    -fx-background-radius: 5;
    -fx-background-color: shallow-color;
}
.tab-down-button .context-menu .menu-item{
    -fx-background-color: transparent;
    -fx-background-insets: 2 2 2 2;
    -fx-pref-height: 38;
    -fx-background-radius: 5;
}
.tab-down-button .context-menu .menu-item:hover{
    -fx-background-color: rgb(0, 0, 0, 0.1);
}
.tab-down-button .context-menu .menu-item .label{
    -fx-text-fill: black;
}
.tab-down-button .context-menu .menu-item .left-container > *{
    -fx-background-color: black;
}
/* Tab选中的时候选中其边框并修改样式 */
.tab-pane-ui:focused > .tab-header-area > .headers-region > .tab:selected .focus-indicator {
    -fx-border-color: transparent;
}
.tab-pane-ui > .tab-content-area{
    -fx-background-color: white;
}
/*Size*/
.tab-pane-ui-small .tab{
    -fx-padding: 0 6 4 6!important;
    -fx-background-radius: 3!important;
    -fx-background-insets: 0 1 3 1!important;
}
.tab-pane-ui-small > .tab-header-area{
    -fx-padding: 2 2 0 2!important;
}
.tab-pane-ui-small .control-buttons-tab{
    -fx-translate-y: -2!important;
}
.tab-pane-ui-small .control-buttons-tab .tab-down-button{
    -fx-background-radius: 3!important;
    -fx-padding: 12 8.5 12 8.5!important;
}